// out: ../css/

// 导入初始化样式
@import 'base.less';
@vw:3.75vw;
.header{
    width: 100%;
    height: (44/@vw);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: white;
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: (44/@vw);
        padding: 0(12/@vw) 0 (18/@vw);

        .left img {
            width: (61/@vw);
            height: (28/@vw);
        }
        .right {
            width: (166/@vw);
            display: flex;
            justify-content: space-between;
            align-items: center;

            .ic_search_tab {
                font-size: (22/@vw);
                color: #ccc;
            }
            .login  {
               width: (24/@vw);
               height: (24/@vw);
            }
            .download {
               width: (72/@vw);
               height: (24/@vw);
            }
           }
    }
}
.menu {
    width: 100%;
    height: (38/@vw);
    display: flex;
    background-color: white;
    // position: relative;
    padding: 0(12/@vw) 0 (18/@vw);
    // background-color: antiquewhite;
   .tas ul {
    display: flex;
    justify-content:space-between;
   }
   li {
    width: (60/@vw);
    height: (38/@vw);
    line-height: (38/@vw) ;
   }
   
   a {
    font-size: (14/@vw);
    font-weight: 300;
   }
   .active {
    a {
        color: #fb7299;
    }
}
   .general_pulldown_s {
    color: #ccc;
    font-size: (20/@vw)
   }
  .more {
    width: (40/@vw);
    height: (40/@vw);
    line-height:(40/@vw) ;
    text-align: center;
  }
}
.main {
   margin-top: (82/@vw);
   padding: 0 (15/@vw);
  ul {
    display: flex;
    //超出内容换行
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: (15/@vw);

    li {
        padding: 0 (6/@vw) (15/@vw) (8/@vw);
        width: 50%;
        box-sizing: border-box;
        .pic {
            position: relative;
            width: (172/@vw);
            height: (97/@vw);
            img {
                width: 100%;
                height: (97/@vw);
                object-fit: cover;
                
            }
            .cover {         
                position: absolute;
                left: 0;
                bottom: (5 / @vw);
                display: flex;
                justify-content: space-between;
                width: 100%;
                padding: 0 (10 / @vw);           
                color: #fff;
                font-size: (14 / @vw);
                p{
                    text-align: center;         
                font-size: (12 /@vw);
                    i{
                        font-size: (14/ @vw);
                        margin-right: (3 /@vw);
                    }
                }
            }
        }
        .bottom-txt {
            margin: (6 /@vw) 0 0;
            font-size: (12 /@vw);
            color: #333;
            text-overflow: clip;
            overflow: hidden;
                /* 隐藏超出部分 */
             display: -webkit-box;
                /* 创建一个弹性盒子 */
            -webkit-box-orient: vertical;
                /* 设置为垂直方向 */
            -webkit-line-clamp: 2;       
        }
    }
}

}
   
// 底部
.btn {
    position: fixed;
    left: 0;
    bottom: (30vw / @vw);
    width: 100%;
    height: (36vw / @vw);
    padding: (12vw / @vw);


    a {
        display: block;
        height: (36vw / @vw);
        background-color: #fb7299;
        border-radius: (18vw / @vw);
        text-align: center;
        line-height: (36vw / @vw);
        color: #fff;
        box-shadow: 0 0 (12vw / @vw) rgba(0,0,0,0.2);
        img {
            width: (35/@vw);
            height: (16/@vw);
        }

        span {
            font-size: (14vw / @vw);
        }
    }
}
